{# app/Resources/views/layout.html.twig #}
<!DOCTYPE html>
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>{% block title %}Hôtel des Ventes{% endblock %}</title>
		{% block stylesheets %}
		<link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}" type="text/css" />
		<link href="{{ asset('css/bootstrap-responsive.min.css') }}" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="{{ asset('bundles/d3hdvhdv/css/css.css') }}" type="text/css" />
		
		
		
		{% endblock %}
		{% block javascripts %}
		{# Ajoutez ces javascripts si vous comptez vous servir desfonctionnalités du bootstrap Twitter #}
			<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
			
			
			<script type="text/javascript" src="{{ asset('js/bootstrap.js')}}"></script>
			


 
<script type="text/javascript">
$(document).ready( 
function()
{
var timeout    = 600;

var closetimer = 0;

var ddmenuitem = 0;

function MenuDeroulant_open()

{  MenuDeroulant_canceltimer();

MenuDeroulant_close();

ddmenuitem = $(this).find('ul').css('visibility', 'visible');}

function MenuDeroulant_close()

{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function MenuDeroulant_timer()

{  closetimer = window.setTimeout(MenuDeroulant_close, timeout);}

function MenuDeroulant_canceltimer()

{  if(closetimer)

{  window.clearTimeout(closetimer);

closetimer = null;}}

$(document).ready(function()

{  $('#MenuDeroulant > li').bind('mouseover', MenuDeroulant_open)

$('#MenuDeroulant > li').bind('mouseout',  MenuDeroulant_timer)});

document.onclick = MenuDeroulant_close;

});
</script>





		{% endblock %}
	</head>
	<body>
	
	
<div style="float:right;"><!--Modification charles-->
<div id="menuTop"><span id="texteMenuTop">

<div style="position:fixed;top:20px;right:200px;"><strong>Hôtel des Ventes - Diablo III</strong></div>

<br />

      <ul class="nav">
	
      </ul>
<ul class="nav">
    </ul>	
	{% if is_granted('ROLE_USER') %}
		{% if app.user is defined %}
			<div style="position:fixed;top:35px;right:50px;"><i class="icon-user"></i> {{ app.user.username }} connecté<a  href="{{ path('_security_logout_login') }}" ><i class="icon-off" ></i></a></div>
			{% if app.user.diablo3Compte is null %}
				 <!--Liens association compte diablo3-->   
				<li><a href="{{ path('D3hdv_hdv_login_diablo3') }}">Associer à compte Hdv</a></li>
			{% else %}
				
				<a id="deassocie" href="#">Détacher Compte Diablo 3</a> -
				<a href="{{ path('D3hdv_hdv_jeux_coffre') }}">Coffre</a> - 
				<a href="{{ path('D3hdv_hdv_jeux_mes_ventes_objets') }}">Mes Transactions</a>
				<!-- Mes achat-->
			{% endif %}	
		{% endif %}
	{% else %}
		 {#{% render "D3hdvHdvBundle:Security:logincompte" %}#}
		{#<input type="text" style="width:100px;" name="login" placeholder="login" /> <input type="password" name="password" style="width:100px;" placeholder="password" /><input type="submit" value="GO" />#}
		
<a  href="{{ path('_security_login') }}" >Se Connecter<i class="icon-share" ></i></a>-<a  href="{{ path('D3hdv_hdv_inscription') }}" >S'incrire<i class="icon-share" ></i></a>
		<!--Inscription HDV-->
	{% endif %}

</span></div>
{% if is_granted('ROLE_USER') %}
	{% if app.user is defined %}
		<div  id="notifications" style="position:fixed;margin-top:20px; right:10px; width: 400px; height:auto;"><!--Modification charles-->
			{% render "D3hdvHdvBundle:Hdv:voirNotification" %}
		</div>
	{% endif %}
{% endif %}
</div> <!--Modification charles-->
	   
		 <!-- </div>-->
		 
		 
		 

<ul id="MenuDeroulant">
<li><a href="{{ path('D3hdv_hdv_modifier_compte') }}"> <strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong></a>
<ul>

{% if is_granted('ROLE_USER') %}
		{% if app.user is defined %}

			{% if app.user.diablo3Compte is null %}
				 <!--Liens association compte diablo3-->   
				<li><a href="{{ path('D3hdv_hdv_login_diablo3') }}">Associer compte</a></li>
			{% else %}
				
				<li><a title="Détacher Compte Diablo 3" id="deassocie2" href="#">Détacher</a></li> 
				<li><a href="{{ path('D3hdv_hdv_jeux_coffre') }}">Coffre</a></li>
				<li><a href="{{ path('D3hdv_hdv_jeux_mes_ventes_objets') }}">Mes Transactions</a></li>
				<!-- Mes achat-->
			{% endif %}
				<li><a href="{{ path('D3hdv_hdv_modifier_compte') }}">Modifier profil</a></li>
				<li><a href="{{ path('_security_logout_login') }}">Déconnexion</a></li>
		{% endif %}
	{% else %}
		 {#{% render "D3hdvHdvBundle:Security:logincompte" %}#}
		
<li><a  href="{{ path('_security_login') }}" >Connexion<i class="icon-share" ></i></a></li>
<li><a  href="{{ path('D3hdv_hdv_inscription') }}" >Inscription</a></i>
		<!--Inscription HDV-->
	{% endif %}
</ul>
</li>
</ul>


<img src="{{ asset('bundles/d3hdvhdv/images/menu.png') }}" alt="Menu" usemap="#menu" />
<map name="menu">
	<area shape="rect" coords="145,132,295,162" href="{{ path('D3hdv_hdv_accueil') }}" alt="Accueil" title="Accueil">
	<area shape="rect" coords="295,132,445,162" href="{{ path('D3hdv_hdv_jeux_diablo3_recherche_objet') }}" alt="Hôtel des Ventes" title="Hôtel des Ventes">
	<area shape="rect" coords="445,132,595,162" href="{{ path('D3hdv_hdv_modifier_compte') }}" alt="Votre compte" title="Votre compte">
	<area shape="rect" coords="595,132,745,162" href="{{ path('D3hdv_hdv_contact') }}" alt="Contactez-nous" title="Contactez-nous">
	<area shape="rect" coords="745,132,895,162" href="{{ path('D3hdv_hdv_faq') }}" alt="F.A.Q" title="Foire Aux Questions">
</map>







<div id="corpus">

	<div id="texteCorpus">
					{% block body %}
					{% endblock %}
	</div>


</div>

<div id="endCorpus"></div>
<!--<footer style="background-color:#d0e4fe;width:100%;height:auto;position:fixed; float:top; " >hey</footer>-->

<div id="myModal" class="modal hide fade">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>Confirmer Le Détachement</h3>
  </div>
  <div class="modal-body">
    <p>Si vous détachez votre compte Diablo 3, toutes vos ventes en cours seront annulées !! Etes vous sur de vouloir détacher votre Compte Diablo 3</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal" aria-hidden="true" >Annuler</a>
    <a href="{{ path('D3hdv_hdv_compte_deassocie_diablo3') }}" class="btn btn-primary">Continuer</a>
  </div>
</div>
	
	</body>
	
</html>



<script>

//$('#myModal').modal('hide')

$("#deassocie").on("click", function () 
{ 	
	$('#myModal').modal('show')
});
$("#deassocie2").on("click", function () 
{ 	
	$('#myModal').modal('show')
});
</script>
